<template>
	<view>
		<image :src="image" class="img" :style="{width:widht+'rpx',height:height+'rpx'}"></image>
		
		<view class="bottom">
			<view style="text-align: center;position: relative;" class="">

				<u-icon name="weixin-circle-fill" color="#07C160" size="60"></u-icon>
				<view>微信好友</view>
				<button open-type="share" class="custom-btn"></button>
			</view>
			<view style="text-align: center;" @click="save">
			
				<u-icon name="photo-fill" color="#FF6450" size="60"></u-icon>
				<view>保存图片</view>
			</view>
		</view>
		
	</view>

</template>

<script>
	export default {

		data() {
			return {
targetPath:"pages/my/index",
				image: "",
				widht: "",
				height: ""
			}
		},
		methods: {

			jiazai() {
				return new Promise((resolve,reject)=>{
					this.$u.post('/api/user/poster', {
					
					}, {}).then(res => {
						this.image = res.data;
						console.log(111)
						uni.getSystemInfo({
							success:(res)=> {
								
								var {windowWidth,windowHeight}=res;
								this.widht=(375*2)*0.8;
								this.height=(windowHeight*2)*0.8;
							}
						})
						relsove(res)
					}).catch(err => {})
				})
				

			},
			save(){
			   uni.getImageInfo({
			                    src: this.image,
			                    success: function(image) {
			                      
			                        uni.saveImageToPhotosAlbum({
			                            filePath: image.path,
			                            success: function() {
			                                uni.showToast({
			                                    title: '图片保存成功'
			                                });
			                            },
			                            fail: function() {
			                                uni.showModal({
			                                    title: '图片保存失败',
			                                    content: '请确认是否已开启授权',
			                                    confirmText: '开启授权',
			                                    success(res) {
			                                        if (res.confirm) {
			                                            uni.openSetting({
			                                                success(settingdata) {
			                                                    if (settingdata.authSetting["scope.writePhotosAlbum"]) {
			                                                        uni.showToast({ title: '授权成功，请重试哦~', icon: "none" });
			                                                    } else {
			                                                        uni.showToast({ title: '请确定已打开保存权限', icon: "none" });
			                                                    }
			                                                }
			                                            })
			                                        }
			                                    }
			                                })
			                            },
			                        });
			                    },
			                    fail() {}
			                });
		
			}
		},
		async onLoad() {
		  await	this.jiazai()
		
		}
	}
</script>

<style lang="scss">
	page{
		background: #f1f1f1;
	}
	.img{
	    position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-55%);
	}
	.bottom{
		position: fixed;
		bottom: 30rpx;
	    display: flex;
		justify-content: space-between;
		width: 300rpx;
		text-align: center;
	    left: 225rpx;
		color: #999;
	}
</style>
